<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no"
    />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>腾讯广告算法大赛</title>

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/template.js"></script>
    <script src="./js/jquery.pagination.js"></script>
    <script src="./js/wty.js"></script>


      <link rel="stylesheet" href="css/pagenative/pagination.css" />

    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/style.css" />

    <style>
    </style>
  </head>
  <body>
    <div class="page-header">
      <div class="logo"></div>
      <div class="menu-btn">
        <div class="menu"></div>
      </div>
      <div class="nav">
        <ul class="navul">
          <a href="/application/home/home/index.html">
            <li>首页</li>
          </a>
          <a href="/application/home/home/index.html?p=introduce">
            <li>大赛介绍</li>
          </a>
          <a href="/application/home/information/info.html">
            <li>赛题说明</li>
          </a>
          <a href="/application/home/introduction/flow.html">
            <li>赛制流程</li>
          </a>
          <!--<a href="../../home/rankinglist/rankingList"><li>排行榜</li></a>-->
          <a href="/application/home/home/index.html?p=judges">
            <li>评委</li>
          </a>
          <a href="/application/home/home/awards.html">
            <li>奖项设置</li>
          </a>
          <a href="/application/home/home/index.html?p=partners">
            <li>合作伙伴</li>
          </a>
          <!-- <li>论坛</li> -->
          <a href="/application/notice/home/index.html">
            <li>大赛新闻</li>
          </a>

          <a href="/application/home/home/faq.html">
            <li>FAQ</li>
          </a>
          <a href="/application/home/home/review.html">
            <li>往期内容</li>
          </a>
          <a href="http://e.qq.com/jobs/" target="_blank">
            <li>招聘</li>
          </a>
          <!--<a href="/application/finale/home/invitation.html">-->
          <!--<li>决赛日报名</li>-->
          <!--</a>-->
          <li class="login isLogin">
            <div class="lgi">登录</div>
          </li>
          <li class="login logged isUser">
            <a href="/application/person/home/user.html">
              <div class="lgd">个人信息</div>
            </a>
          </li>
          <li class="logout logged isOut">
            登出
          </li>
          <li class="switchLang">
            <img
              src="./img/zhEn.png"
              style="display: inline-block;width: 30px;margin-top: 5px;"
            />
          </li>
        </ul>
      </div>
    </div>

    <div class="gao"></div>

    <div class="container">
      <div class="row">
        <div class="left_container col-lg-12">
          <div class="top_container">
            <div class="box-banner">
              <div class="row">
                <!-- 轮播 -->
                <div
                  id="carousel-example-generic"
                  class="carousel slide col-lg-6"
                  data-ride="carousel"
                >
                  <!-- Indicators -->
                  <ol class="carousel-indicators">
                    <li
                      data-target="#carousel-example-generic"
                      data-slide-to="0"
                      class="active"
                    ></li>
                    <li
                      data-target="#carousel-example-generic"
                      data-slide-to="1"
                    ></li>
                    <li
                      data-target="#carousel-example-generic"
                      data-slide-to="2"
                    ></li>
                    <li
                      data-target="#carousel-example-generic"
                      data-slide-to="3"
                    ></li>
                  </ol>
                  <!-- Wrapper for slides -->
                  <div class="carousel-inner" role="listbox">
                    <div class="item active">
                      <img src="img/m_1.jpg" alt="..." />
                      <div class="carousel-caption"></div>
                    </div>
                    <div class="item">
                      <img src="img/m_2.jpg" alt="..." />
                      <div class="carousel-caption"></div>
                    </div>
                    <div class="item">
                      <img src="img/m_3.png" alt="..." />
                      <div class="carousel-caption"></div>
                    </div>
                    <div class="item">
                      <img src="img/m_4.jpg" alt="..." />
                      <div class="carousel-caption"></div>
                    </div>
                  </div>
                </div>
                <!-- 文字介绍· -->
                <div class="r_text col-lg-6 center">
                  <h3>天池社区近期官方公告、活动及干货汇总【0103更新】</h3>
                  <p class="p1">带你第一时间get天池社区近期动态、技术干货及福利活动！</p>
                  <p><img src="img/avatar1.jpg" alt="" class="img-circle" width="24px"><span class="sp1">天池氢河</span><span class="glyphicon glyphicon-eye-open"></span><span id="eye">4531</span><span class="glyphicon glyphicon-edit"></span><span id="edit">31</span></p>
                  <div class="new-list">
                    <ul>
                      <li><a href="">【机器学习实战】第二章 k-近邻算法</a></li>
                      <li><a href="">梯度下降(Gradient Descent)小结</a></li>
                      <li><a href="">机器学习笔试题精选（一）（附解析）</a></li>
                      <li><a href="">跟着指南学PyTorch—闪电60分钟入门之Tensor</a></li>
                    </ul>
                  </div>

                  <button class="publish cli-btn">发布文章</button>
                  <button class="ask cli-btn">我要提问</button>
                </div>
              </div>
            </div>
            <!-- box结束！ -->
          </div>

          <div class="bootom_container">
            <!-- 切换栏 -->
            <ul id="myTab" class="nav nav-tabs">
              <li class="active">
                <a href="#home" data-toggle="tab">
                  最新
                </a>
              </li>
              <li><a href="#ios" data-toggle="tab">精华</a></li>
              <li><a href="#flink" data-toggle="tab">Flink</a></li>
              <li class="dropdown">
                <a
                  href="#"
                  id="myTabDrop1"
                  class="dropdown-toggle"
                  data-toggle="dropdown"
                  >大赛问答
                  <b class="caret"></b>
                </a>
                <ul
                  class="dropdown-menu"
                  role="menu"
                  aria-labelledby="myTabDrop1"
                >
                  <li>
                    <a href="#jmeter" tabindex="-1" data-toggle="tab"
                      >“数智教育”数据可视化创新大赛</a
                    >
                  </li>
                  <li>
                    <a href="#ejb" tabindex="-1" data-toggle="tab"
                      >津南数字制造算法挑战赛【赛场二】</a
                    >
                  </li>
                  <li>
                    <a href="#cad" tabindex="-1" data-toggle="tab"
                      >IJCAI-19 阿里巴巴人工智能对抗算法竞赛</a
                    >
                  </li>
                </ul>
              </li>
              <li><a href="#anows" data-toggle="tab">全部问答</a></li>
            </ul>
            <!-- Tab切换 -->
            <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade in active" id="home">
                <ul class="media-list">
                    <script type="text/html">
                      <li class="media">
                        <div class="media-left">
                          <a href="#">
                            <img
                              class="media-object img-circle"
                              src="img/avatar.jpg"
                              alt="..."
                            />
                          </a>
                        </div>
                        <div class="media-body">
                          <h4 class="media-heading">
                            <a href=""
                              >【1月12日更新】津南数字制造算法挑战赛baseline</a
                            >
                          </h4>
                          <div class="media-bodying">
                            <span class="glyphicon glyphicon-user user1"></span>
                            <span class="over-username">鱼遇雨欲语于余</span>
                            <span class="glyphicon glyphicon-road over-hide"></span>
                            <span class="over-hide">aaa</span>
                            <span class="glyphicon glyphicon-calendar over-hide"></span>
                            <span class="over-hide over-time">16小时前</span>
                          </div>
                        </div>
                        <div class="view media-right media-middle">
                          <a
                            href=""
                            style="border: none; background-color: #f4f4f4;"
                            ><span class="glyphicon glyphicon-eye-open"></span
                            ><br /><span>2034</span></a
                          >
                          <a
                            href=""
                            class="a_2"
                            style="border: none; background-color: #f4f4f4;"
                            ><span class="glyphicon glyphicon-edit"></span
                            ><br /><span>1522</span></a
                          >
                        </div>
                      </li>
                    </script>
                  <!--<li class="media">
                    <div class="media-left">
                      <a href="#">
                        <img
                          class="media-object img-circle"
                          src="img/avatar%20(5).jpg"
                          alt="..."
                        />
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading"><a href="">QQ交流群</a></h4>
                      <div class="media-bodying">
                        <span class="glyphicon glyphicon-user user1"></span>
							<span class="over-username">鱼遇雨欲语于余</span>
							<span class="glyphicon glyphicon-road over-hide"></span>
							<span class="over-hide">aaa</span>
							<span class="glyphicon glyphicon-calendar over-hide"></span>
							<span class="over-hide over-time">16小时前</span>
                      </div>
                    </div>
                    <div class="view media-right media-middle">
                      <a
                        href=""
                        style="border: none; background-color: #f4f4f4;"
                        ><span class="glyphicon glyphicon-eye-open"></span
                        ><br /><span>6541</span></a
                      >
                      <a
                        href=""
                        class="a_2"
                        style="border: none; background-color: #f4f4f4;"
                        ><span class="glyphicon glyphicon-edit"></span
                        ><br /><span>133</span></a
                      >
                    </div>
                  </li>
                  <li class="media">
                    <div class="media-left">
                      <a href="#">
                        <img
                          class="media-object img-circle"
                          src="img/avatar%204).jpg"
                          alt="..."
                        />
                      </a>
                    </div>
                    <div class="media-body">
                      <h4 class="media-heading">
                        <a href=""
                          >German AI Challenge 2018 SuperSixSix rank10
                          solution</a
                        >
                      </h4>
                      <div class="media-bodying">
                        <span class="glyphicon glyphicon-user user1"></span>
							<span class="over-username">鱼遇雨欲语于余</span>
							<span class="glyphicon glyphicon-road over-hide"></span>
							<span class="over-hide">aaa</span>
							<span class="glyphicon glyphicon-calendar over-hide"></span>
							<span class="over-hide over-time">16小时前</span>
                      </div>
                    </div>
                    <div class="view media-right media-middle">
                      <a
                        href=""
                        style="border: none; background-color: #f4f4f4;"
                        ><span class="glyphicon glyphicon-eye-open"></span
                        ><br /><span>455</span></a
                      >
                      <a
                        href=""
                        class="a_2"
                        style="border: none; background-color: #f4f4f4;"
                        ><span class="glyphicon glyphicon-edit"></span
                        ><br /><span>222</span></a
                      >
                    </div>
                  </li>
				  <li class="media">
				    <div class="media-left">
				      <a href="#">
				        <img
				          class="media-object img-circle"
				          src="img/avatar%204).jpg"
				          alt="..."
				        />
				      </a>
				    </div>
				    <div class="media-body">
				      <h4 class="media-heading">
				        <a href=""
				          >German AI Challenge 2018 SuperSixSix rank10
				          solution</a
				        >
				      </h4>
				      <div class="media-bodying">
				        <span class="glyphicon glyphicon-user user1"></span>
							<span class="over-username">鱼遇雨欲语于余</span>
							<span class="glyphicon glyphicon-road over-hide"></span>
							<span class="over-hide">aaa</span>
							<span class="glyphicon glyphicon-calendar over-hide"></span>
							<span class="over-hide over-time">16小时前</span>
				      </div>
				    </div>
				    <div class="view media-right media-middle">
				      <a
				        href=""
				        style="border: none; background-color: #f4f4f4;"
				        ><span class="glyphicon glyphicon-eye-open"></span
				        ><br /><span>455</span></a
				      >
				      <a
				        href=""
				        class="a_2"
				        style="border: none; background-color: #f4f4f4;"
				        ><span class="glyphicon glyphicon-edit"></span
				        ><br /><span>222</span></a
				      >
				    </div>
				  </li>
				  <li class="media">
				    <div class="media-left">
				      <a href="#">
				        <img
				          class="media-object img-circle"
				          src="img/avatar%204).jpg"
				          alt="..."
				          width="50px"
				          height="50px"
				        />
				      </a>
				    </div>
				    <div class="media-body">
				      <h4 class="media-heading">
				        <a href=""
				          >German AI Challenge 2018 SuperSixSix rank10
				          solution</a
				        >
				      </h4>
				      <div class="media-bodying">
				        <span class="glyphicon glyphicon-user user1"></span>
							<span class="over-username">鱼遇雨欲语于余</span>
							<span class="glyphicon glyphicon-road over-hide"></span>
							<span class="over-hide">aaa</span>
							<span class="glyphicon glyphicon-calendar over-hide"></span>
							<span class="over-hide over-time">16小时前</span>
				      </div>
				    </div>
				    <div class="view media-right media-middle">
				      <a
				        href=""
				        style="border: none; background-color: #f4f4f4;"
				        ><span class="glyphicon glyphicon-eye-open"></span
				        ><br /><span>455</span></a
				      >
				      <a
				        href=""
				        class="a_2"
				        style="border: none; background-color: #f4f4f4;"
				        ><span class="glyphicon glyphicon-edit"></span
				        ><br /><span>222</span></a
				      >
				    </div>
				  </li>-->
                </ul>
                  <div id="home_page"></div>
              </div>
              <div class="tab-pane fade" id="ios">
                <p>第二条数据</p>
              </div>
              <div class="tab-pane fade" id="flink">
                <p>第三条数据</p>
              </div>
              <div class="tab-pane fade" id="jmeter">
                <p>第四条数据</p>
              </div>
              <div class="tab-pane fade" id="ejb">
                <p>第五条数据</p>
              </div>
              <div class="tab-pane fade" id="cad">
                <p>第六条数据</p>
              </div>
              <div class="tab-pane fade" id="anows">
                <p>第七条数据</p>
              </div>
            </div>
            <!-- Tab切换 -->
            <!--<nav aria-label="Page navigation" class="nav_1">
              <ul class="pagination">
                <li>
                  <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                  </a>
                </li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li>
                  <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                  </a>
                </li>
              </ul>
                <div class="M-box"></div>
            </nav>-->
          </div>
        </div>
      </div>
        <!--<div id="www"></div>
        <script id="test" type="text/html">
        <div>{{tx}}</div>
         </script>-->
    </div>
    <script>
      $(function() {
        $("[data-toggle='tooltip']").tooltip();

        /*var o = {
            tx: 333
        };
        var temp = template("test", o);
        // var temp = template($("#test"), o);
        console.info(temp)
        $("#www").html(temp);*/

        // 加载文章列表
          $.get(url_pre + "/article/articleList",{page_num:1}, function (res) {
              console.info(res)
          })

          Helper.ui.page("#home_page", {
              total: 1500,
              pageSize: 10,
              currentPage: 2,
              showTo: false,
              change: function ( toPage ) {
                  console.info(toPage)
              }
          });



      });
    </script>
  </body>
</html>
